.memberRechargeSearch-enter-active, .memberRechargeSearch-leave-active {
	transition: opacity 0.3s;
}
.memberRechargeSearch-enter-from, .memberRechargeSearch-leave-to {
	opacity: 0;
}
.orderDetailModel-enter-active, .orderDetailModel-leave-active {
	transition: opacity 0.3s;
}
.orderDetailModel-enter-from, .orderDetailModel-leave-to {
	opacity: 0;
}
.ordermain{
    display: block;
    height:100%;
    .order{
        height:99%;
        .ordertop{
            display: flex;
            align-items: end;
            width: 100%;
            height: 15%;
            padding: 20px;
            border-bottom: 1px solid #ccc;
            .fromInput{
                width:300px;
                height:50px;
            }
            .dataPicker{
                height:50px;
            }
            .button{
                width:100px;
                height:50px;
                background-color: #2a2b2d;
                color:#fff;
                border:1px solid #2a2b2d;
                display: grid;
                font-size: 20px;
                margin:0 5px;
            }
        }
        .orderinfo{
            height:80%;
            width:100%;
            .headerinfo{
                height:50px;
                display: flex;
                justify-content: space-around;
                align-items: center;
                background-color: #07080654;
                .title{
                    width:140px;
                    text-align: center;
                }
                .operation{
                    width:120px;
                    text-align: center;
                }
                .tr{
                    width:100%;
                    display: flex;
                    justify-content: space-around;
                    display: table;
                    table-layout: fixed;
                }
            }
            .forminfo{
                height:99%;
                display: block;
                overflow: scroll;
                .tr{
                    display: flex;
                    justify-content: space-around;
                    height:60px;
                    align-items: center;
                    .title{
                        width:140px;
                        text-align: center;
                    }
                    .operation{
                        width:120px;
                        text-align: center;
                        display: flex;
                        justify-content: center;
                    }
                }
                
            }
        }
        .memberRechargeSearchModel{
            position: absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10;
            .modelInfo{
                position: absolute;
                width:30%;
                height:55%;
                background: #fff;
                left:50%;
                top:50%;
                transform: translate(-50%,-50%);
                border-radius: 10px;
                border:2px solid #9b9ea32e;
                padding-top: 1%;
                .info{
                    width: 100%;
                    height: 23%;
                    background: #fff;
                    border-radius: 10px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: column;
                    color: #fff;
                    font-size: 20px;
                    font-weight: 600;
                    padding: 10px;
                    .userMsg{
                        color:#2a2b2d;
                        display: flex;
                        padding: 10px;
                        .userMsgTitle{
                            color:#2a2b2d;
                            display: flex;
                            align-items: center;
                        }
                        .userMsgBtn{
                            display: contents;
                            .sure{
                                height:100%;
                                width:50%;
                                background-color: #5a5f73;
                                border:1px solid #2a2b2d;
                                color:#fff;
                                font-size: 20px;
                                display: grid;
                                padding:10px;
                            }
                        }
                        
                    }
                }
                .numKey{
                    height: 80%;
                    text-align: center;
                    align-items: center;
                    border-radius: 10px;
                    display: flex;
                    flex-wrap: wrap;
                    padding-left:10px;
                    .key{
                        color:#000;
                        font-size: 20px;
                        width:30%;
                        height:20%;
                        background-color: #fff;
                        margin:0 10px 10px 0;
                        text-align: center;
                        align-items: center;
                        border-radius: 10px;
                        display: flex;
                        flex-wrap: wrap;
                        padding-left:10px;
                        justify-content: center;
                        border: 1px solid #ccc;
                    }
                }
                .footer{
                    display: flex;
                    width: 100%;
                    height: 20%;
                    align-items: end;
                    padding: 10px;
                    font-size: 30px;
                    .cancel{
                        height:100%;
                        width:100%;
                        background-color: #5a5f73;
                        border:1px solid #2a2b2d;
                        color:#fff;
                        display: grid;
                        font-size: 20px;
                    }
                }
            }
            
        }
        .orderDetailModel{
            position: absolute;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background: rgba(0, 0, 0, 0.5);
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 10;
            .modelInfo{
                position: absolute;
                width:70%;
                height:85%;
                background: #fff;
                border-radius: 10px;
                border:2px solid #9b9ea32e;
                padding-top: 1%;
                .tablemain{
                    width:100%;
                    height:88%;
                    display: flex;
                    align-items: flex-start;
                    .detailtableleft{
                        width:40%;
                        height:100%;
                        .detailtitle{
                            height:50px;
                            display: flex;
                            justify-content: space-around;
                            align-items: center;
                            background-color: #07080654;
                            .title{
                                width:50px;
                                text-align: center;
                            }
                            
                        }
                        .orderdetailinfo{
                            height:95%;
                            .detailtitle{
                                background-color:#fff;
                                display: flex;
                                justify-content: space-around;
                                height:60px;
                                align-items: center;
                                .title{
                                    width:50px;
                                    text-align: center;
                                }
                            }
                        }
                    }
                    .detailtableright{
                        width:60%;
                        height:100%;
                        .detailtitle{
                            height:50px;
                            display: flex;
                            justify-content: space-around;
                            align-items: center;
                            background-color: #07080654;
                            .title{
                                width:50px;
                                text-align: center;
                            }
                            
                        }
                        .orderdetailinfo{
                            height:95%;
                            .detailtitle{
                                padding-left: 20px;
                                background-color:#fff;
                                display: flex;
                                justify-content: flex-start;
                                height:40px;
                                align-items: center;
                                .title{
                                    width:50px;
                                    text-align: center;
                                }
                                .fail{
                                    color:red;
                                }
                                .success{
                                    color:green;
                                }
                                .refound{
                                    color:gray;
                                }
                            }
                        }
                    }
                }
                
                .orderfooter{
                    width: 100%;
                    height: 12%;
                    padding: 10px;
                    font-size: 30px;
                    display: flex;
                    justify-content: center;
                    .cancel{
                        height:60px;
                        width:200px;
                        background-color: #5a5f73;
                        border:1px solid #2a2b2d;
                        color:#fff;
                        display: grid;
                        font-size: 20px;
                    }
                }
            }
            
        }
    }
    .msgTitleShowModel{
        position: absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index:11;
        .modelInfo{
            position: absolute;
            width:40%;
            height:15%;
            background: #fff;
            border-radius: 10px;
            border:2px solid #9b9ea32e;
            .info{
                width: 100%;
                height: 40%;
                background: #ffffff;
                border-radius: 10px;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                color: #2a2b2d;
                font-size: 20px;
                font-weight: 600;
            }
            .footer{
                display: flex;
                width: 100%;
                height: 60%;
                align-items: end;
                padding: 10px;
                font-size: 30px;
                .cancel{
                    height:100%;
                    width:50%;
                    background-color: #5a5f73;
                    border:1px solid #2a2b2d;
                    color:#fff;
                    display: grid;
                    font-size: 20px;
                }
                .deleteGood{
                    height:100%;
                    width:50%;
                    background-color: #5a5f73;
                    border:1px solid #2a2b2d;
                    color:#fff;
                    display: grid;
                    font-size: 20px;
                }
            }
        }
        
    }
}
